<!DOCTYPE html>
<html>

<head>
    <title>首页 {$site_info.site_seo_title??$site_info.site_name} - {$site_info.site_name}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}" />
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head" />
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
    <style>
        .caption-wraper {
            position: absolute;
            left: 50%;
            bottom: 2em;
        }
        
        .caption-wraper .caption {
            position: relative;
            left: -50%;
            background-color: rgba(0, 0, 0, 0.54);
            padding: 0.4em 1em;
            color: #fff;
            -webkit-border-radius: 1.2em;
            -moz-border-radius: 1.2em;
            -ms-border-radius: 1.2em;
            -o-border-radius: 1.2em;
            border-radius: 1.2em;
        }
        
        @media (max-width: 767px) {
            .caption-wraper {
                left: 0;
                bottom: 0.4em;
            }
            .caption-wraper .caption {
                left: 0;
                padding: 0.2em 0.4em;
                font-size: 0.92em;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
            }
        }
        
        .sy-pager {
            overflow: hidden;
            *zoom: 1;
            display: block;
            width: 100%;
            margin: -3em 0 0;
            padding: 0;
            list-style: none;
            text-align: center;
            z-index: 9999;
            position: absolute;
        }
        
        .sy-pager li {
            width: 1.6em;
            height: 1.6em;
        }
        
        .sy-pager li a {
            background-color: white;
        }
        
        .sy-pager li.sy-active a {
            background-color: #947e3e;
        }
        
        @media ( max-width: 997px) {
            .sy-pager {
                display: none;
            }
        }
    </style>
    <hook name="before_head_end" />
</head>

<body class="body-black">
    <include file="public@nav" />
    <if condition="!empty($brands) || !empty($price_ranges)|| !empty($ranks)">
        <div class="container active">
            <div class="pros subpage">
                <div class="nav-box">
                    <notempty name="brands">
                        <div class="title"><span>品牌</span>
                            <if condition="count($brands) gt 8"><i id="more-brands"></i></if>
                            <script>
                                $(function() {
                                    $("#more-brands").click(function() {
                                        $("#more-brands-box").show();
                                        $("#more-price_ranges-box").hide();
                                        $("#more-ranks-box").hide();
                                    });
                                });
                            </script>
                        </div>
                        <div class="clearboth"></div>
                        <ul>
                            <volist name="brands" id="brand" offset="0" length='8'>
                                <li><a href="{:cmf_url('rental/List/index',['brand'=>$brand.id])}"> {$brand.name}</a></li>
                            </volist>
                        </ul>
                        <div class="clearboth"></div>
                    </notempty>
                    <notempty name="price_ranges">
                        <div class="title border-top"><span>价格</span>
                            <if condition="count($price_ranges) gt 6"><i id="more-price_ranges"></i></if>
                            <script>
                                $(function() {
                                    $("#more-price_ranges").click(function() {
                                        $("#more-price_ranges-box").show();
                                        $("#more-brands-box").hide();
                                        $("#more-brands-box").hide();
                                    });
                                });
                            </script>
                        </div>
                        <ul>
                            <volist name="price_ranges" id="vo" offset="0" length='6'>
                                <li><a href="{:cmf_url('rental/List/index',['price_range'=>$vo.id])}">{$vo.price_range}</a></li>
                            </volist>
                        </ul>
                        <div class="clearboth"></div>
                    </notempty>
                    <notempty name="ranks">
                        <div class="title border-top"><span>级别</span>
                            <if condition="count($ranks) gt 8"><i id="more-ranks"></i></if>
                            <script>
                                $(function() {
                                    $("#more-ranks").click(function() {
                                        $("#more-ranks-box").show();
                                        $("#more-price_ranges-box").hide();
                                        $("#more-brands-box").hide();
                                    });
                                });
                            </script>
                        </div>
                        <ul>
                            <volist name="ranks" id="rank" offset="0" length='8'>
                                <li><a href="{:cmf_url('rental/List/index',['rank'=>$rank.id])}"> {$rank.rank}</a> </li>
                            </volist>
                        </ul>
                        <div class="clearboth"></div>
                    </notempty>
                </div>
            </div>
            <if condition="count($ranks) gt 8">
                <div class="pros subpage more-brands-box" id="more-ranks-box">
                    <div class="nav-box">
                        <div class="title"> <span>更多</span>
                            <i id="more-ranks-close"></i>
                            <script>
                                $(function() {
                                    $("#more-ranks-close").click(function() {
                                        $("#more-ranks-box").hide();
                                    });
                                });
                            </script>
                        </div>
                        <ul>
                            <volist name="ranks" id="rank" offset="8">
                                <li><a href="{:cmf_url('rental/List/index',['ranks'=>$rank.id])}"> {$rank.rank}</a></li>
                            </volist>
                        </ul>
                        <div class="clearboth"></div>
                    </div>
                </div>
            </if>
            <if condition="count($brands) gt 8">
                <div class="pros subpage more-brands-box" id="more-brands-box">
                    <div class="nav-box">
                        <div class="title"> <span>更多品牌</span>
                            <i id="more-brands-close"></i>
                            <script>
                                $(function() {
                                    $("#more-brands-close").click(function() {
                                        $("#more-brands-box").hide();

                                    });
                                });
                            </script>
                        </div>
                        <ul>
                            <volist name="brands" id="brand" offset="8">
                                <li><a href="{:cmf_url('rental/List/index',['brand'=>$brand.id])}"> {$brand.name}</a></li>
                            </volist>
                        </ul>
                        <div class="clearboth"></div>
                    </div>
                </div>
            </if>
            <if condition="count($price_ranges) gt 6">
                <div class="pros subpage more-brands-box" id="more-price_ranges-box">
                    <div class="nav-box">
                        <div class="title"> <span>更多</span>
                            <i id="more-price_ranges-close"></i>
                            <script>
                                $(function() {
                                    $("#more-price_ranges-close").click(function() {
                                        $("#more-price_ranges-box").hide();
                                    });
                                });
                            </script>
                        </div>
                        <ul>
                            <volist name="price_ranges" id="price_ranges" offset="6">
                                <li><a href="{:cmf_url('rental/List/index',['price_ranges'=>$price_ranges.id])}"> {$price_ranges.price_range}</a></li>
                            </volist>
                        </ul>
                        <div class="clearboth"></div>
                    </div>
                </div>
            </if>

        </div>
    </if>
    <ul id="home-slider" class="list-unstyled">
        <php>
            $top_slide_id=empty($theme_vars['top_slide'])?1:$theme_vars['top_slide'];
        </php>
        <slides id="$top_slide_id">
            <li>
                <!-- <div class="caption-wraper">
                    <div class="caption">{$vo.title|default=''}</div>
                </div> -->
                <a href="{$vo.url|default=''}"><img src="{:cmf_get_image_url($vo.image)}" alt=""></a>
            </li>
        </slides>
        <noslides id="$top_slide_id">
            <li>
                <div class="caption-wraper">
                    <div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置！</div>
                </div>
                <a href=""><img src="__TMPL__/public/assets/images/demo/1.jpg" alt=""></a>
            </li>
            <li>
                <div class="caption-wraper">
                    <div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置！</div>
                </div>
                <a href=""><img src="__TMPL__/public/assets/images/demo/2.jpg" alt=""></a>
            </li>
            <li>
                <div class="caption-wraper">
                    <div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置！</div>
                </div>
                <a href=""><img src="__TMPL__/public/assets/images/demo/3.jpg" alt=""></a>
            </li>
        </noslides>
    </ul>
    <div class="section">
        <div class="container">
            <div class="row text-center">
                <volist name="categorys" id="vo">
                    <a href="{:cmf_url('rental/List/index',['id' => $vo.id])}">
                        <div class="col-md-4 col-sm-6 ">
                            <div class="category-transition">
                                <div class="transition-width">
                                    <div class="category-attr">
                                        <div class="category-name">{$vo.name}</div>
                                        <span>{$vo.alias|strtoupper}</span>
                                    </div>
                                    <div class="clearboth"></div>
                                </div>
                                <img src="{:cmf_get_image_preview_url($vo.more.thumbnail)}" alt="{$vo.name}" height="180">
                            </div>
                            <div class="category-car">{$vo.car.car_model} {$vo.car.price}万{$vo.alias=='rent'?'/天':'元起'}</div>
                        </div>
                    </a>
                </volist>
            </div>
        </div>
    </div>
    <div class="section">
        <div class="container">
            <div class="row text-center">
                <widget name="recommend">
                    <div style="margin-bottom: 40px;">
                        <h1 class="title">{$widget.title}</h1>
                        <h3 class="sub_title">{$widget.vars.sub_title}</h3>
                    </div>
                    <php>
                        $widget["vars"]["recommend_car_category_id"] = empty($widget["vars"]["recommend_car_category_id"])?1:$widget["vars"]["recommend_car_category_id"];
                    </php>
                    <rental:cars limit="8" order="update_time DESC" categoryIds="$widget.vars.recommend_car_category_id">
                        <div class="col-md-3 car-box">
                            <div class="tc-gridbox">
                                <a href="{:cmf_url('rental/Car/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">
                                    <div class="header">
                                        <div class="item-image">
                                            <present name="vo.more.thumbnail">
                                                <empty name="vo.more.thumbnail">
                                                    <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                                    <else/>
                                                    <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="img-responsive" alt="">
                                                </empty>
                                                <else/>
                                                <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                            </present>
                                        </div>
                                        <h3 class="title">
                                            {$vo.title}
                                        </h3>
                                        <div class="title price">
                                            <span class="now-price">一口价：{$vo.primary.price}万</span><span class="m-price">指导价：{$vo.primary.m_price}万</span>
                                        </div>
                                    </div>
                                </a>
                            </div>

                        </div>
                    </rental:cars>
                    <div class="clearboth"></div>
                    <div class="widget-btn"><a class="btn btn-rental" href="{:cmf_url('rental/List/index')}">更多推荐</a></div>
                    <hr>
                </widget>
            </div>
        </div>
    </div>
    <div class=" section ">
        <div class="container ">
            <div class="row text-center ">
                <widget name="car_category">
                    <div style="margin-bottom: 40px;">
                        <h1 class="title ">{$widget.title}</h1>
                        <h3 class="sub_title ">{$widget.vars.sub_title}</h3>
                    </div>
                    <php>
                        $widget["vars "]["car_category_id "] = empty($widget["vars "]["car_category_id "])?1:$widget["vars "]["car_category_id "];
                    </php>
                    <rental:cars limit="8 " order="update_time DESC " categoryIds="$widget.vars.car_category_id ">
                        <div class="col-md-3 car-box">
                            <div class="tc-gridbox ">
                                <a href="{:cmf_url( 'rental/Car/index',array( 'id'=>$vo.id,'cid'=>$vo.category_id))}">
                                    <div class="header">
                                        <div class="item-image">
                                            <present name="vo.more.thumbnail">
                                                <empty name="vo.more.thumbnail">
                                                    <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                                    <else/>
                                                    <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="img-responsive" alt="">
                                                </empty>
                                                <else/>
                                                <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                            </present>
                                        </div>
                                        <h3 class="title">
                                            {$vo.title}
                                        </h3>
                                        <div class="title price">
                                            <span class="now-price">一口价：{$vo.primary.price}万</span><span class="m-price">市场价：{$vo.primary.m_price}万</span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </rental:cars>
                    <div class="clearboth"></div>
                    <div class="widget-btn"><a class="btn btn-rental" href="{:cmf_url('rental/List/index',['id'=>$widget.vars.car_category_id])}">更多推荐</a></div>
                    <hr>
                </widget>
            </div>
        </div>
    </div>
    <div class=" section ">
        <div class="container ">
            <div class="row text-center ">
                <widget name="rental_category">
                    <div style="margin-bottom: 40px;">
                        <h1 class="title ">{$widget.title}</h1>
                        <h3 class="sub_title ">{$widget.vars.sub_title}</h3>
                    </div>
                    <php>
                        $widget["vars "]["rental_category_id"] = empty($widget["vars "]["rental_category_id"])?1:$widget["vars "]["rental_category_id"];
                    </php>
                    <rental:cars limit="8 " order="update_time DESC " categoryIds="$widget.vars.rental_category_id">
                        <div class="col-md-3 car-box">
                            <div class="tc-gridbox ">
                                <a href="{:cmf_url( 'rental/Car/index',array( 'id'=>$vo.id,'cid'=>$vo.category_id))}">
                                    <div class="header">
                                        <div class="item-image">
                                            <present name="vo.more.thumbnail">
                                                <empty name="vo.more.thumbnail">
                                                    <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                                    <else/>
                                                    <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="img-responsive" alt="">
                                                </empty>
                                                <else/>
                                                <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                            </present>
                                        </div>
                                        <h3 class="title">
                                            {$vo.title}
                                        </h3>
                                        <div class="title price">
                                            <span class="now-price no-margin">一口价：{$vo.primary.price}万/天</span><span class="m-price no-margin">市场价：{$vo.primary.m_price}万/天</span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </rental:cars>
                    <div class="clearboth"></div>
                    <div class="widget-btn"><a class="btn btn-rental" href="{:cmf_url('rental/List/index',['id'=>$widget.vars.rental_category_id])}">更多推荐</a></div>
                    <hr>
                </widget>
            </div>
        </div>
    </div>
    <div class="section ">
        <div class="container sectione-news">
            <div class="row text-center ">
                <widget name="last_news">
                    <div class="news-title">
                        <h1 class="">{$widget.title}</h1>
                        <div class="more"><a href="{:cmf_url('portal/List/index')}">》更多资讯</a></div>
                        <div class="clearboth"></div>
                    </div>
                    <div class="row">
                        <php>
                            $widget["vars"]["last_news_category_id"] = empty($widget["vars"]["last_news_category_id"])?1:$widget["vars"]["last_news_category_id"]; $widget_news_category_id_arr = explode(",",$widget["vars"]["last_news_category_id"]); $widget_thumb_category_id = $widget_news_category_id_arr[0];
                            $widget_text_category_id_1 = isset($widget_news_category_id_arr[1]) ?$widget_news_category_id_arr[1]:"$widget_thumb_category_id"; $widget_text_category_id_2 = isset($widget_news_category_id_arr[2]) ?$widget_news_category_id_arr[2]:
                            "";
                        </php>
                        <div class="col-md-5 news-tc-gribox">
                            <ul id="news-slippry" class="tc-gridbox">
                                <portal:articles limit="3" order="post.published_time DESC" categoryIds="$widget_thumb_category_id">
                                    <li>
                                        <a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">
                                            <present name="vo.more.thumbnail">
                                                <empty name="vo.more.thumbnail">
                                                    <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive news-img" alt="">
                                                    <else/>
                                                    <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="img-responsive news-img" alt="">
                                                </empty>
                                                <else/>
                                                <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive news-img" alt="">
                                            </present>
                                            <h3 class="news-post-title ">
                                                {$vo.post_title}
                                            </h3>
                                        </a>
                                    </li>
                                </portal:articles>
                            </ul>
                        </div>
                        <div class="col-md-4">
                            <portal:articles limit="4,2" order="post.published_time DESC" categoryIds="$widget_thumb_category_id">
                                <div class="tc-gridbox news-tc-gribox">
                                    <a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">
                                        <div class="header">
                                            <div class="item-image">
                                                <present name="vo.more.thumbnail">
                                                    <empty name="vo.more.thumbnail">
                                                        <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive box-img" alt="">
                                                        <else/>
                                                        <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="img-responsive box-img" alt="">
                                                    </empty>
                                                    <else/>
                                                    <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive box-img" alt="">
                                                </present>

                                            </div>
                                            <h3 class="news-post-title">
                                                {$vo.post_title}
                                            </h3>
                                        </div>
                                    </a>
                                </div>
                            </portal:articles>
                        </div>
                        <div class="col-md-3">
                            <notempty name="widget_text_category_id_1">
                                <ul class="news-tc-gribox list-style" style="margin-left: -30px;">
                                    <portal:articles limit="4" order="post.published_time DESC" categoryIds="$widget_text_category_id_1">
                                        <eq name="i" value="1">
                                            <div style="color:#c9caca;font-size:24px;font-weight: bold;">{:json_decode($vo.categories,true)[0]['name']}</div>
                                        </eq>
                                        <li>
                                            <a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">
                                                {$vo.post_title}
                                             </a>
                                        </li>
                                    </portal:articles>
                                </ul>
                            </notempty>
                            <notempty name="widget_text_category_id_2">
                                <ul class="news-tc-gribox list-style" style="margin-left: -30px;">
                                    <portal:articles limit="4" order="post.published_time DESC" categoryIds="$widget_text_category_id_2">
                                        <eq name="i" value="1">
                                            <div style="color:#c9caca;font-size:24px;font-weight: bold;">{:json_decode($vo.categories,true)[0]['name']}</div>
                                        </eq>
                                        <li>
                                            <a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">
                                                {$vo.post_title}
                                            </a>
                                        </li>
                                    </portal:articles>
                                </ul>
                            </notempty>
                        </div>
                    </div>
                </widget>
            </div>

        </div>
    </div>
    <div class="container">
        <hr class="no-margin" style="margin-top: 60px;" />
    </div>
    <include file="public@footer" />

    <!-- /container -->
    <include file="public@scripts" />
    <script src="__TMPL__/public/assets/js/slippry.min.js "></script>
    <script>
        $(function() {
            $("#home-slider ").slippry({
                controls: false,
                transition: 'fade',
                useCSS: true,
                captions: false,
                speed: 1000,
                pause: 3000,
                auto: true,
                preload: 'visible'
            });
            $("#news-slippry ").slippry({
                controls: false,
                transition: 'fade',
                useCSS: true,
                pagerClass: 'news-sy-pager',
                captions: false,
                speed: 1000,
                pause: 3000,
                auto: true,
                preload: 'visible'
            });
            $("#home-slider ").show();
        });
    </script>
    <hook name="before_body_end " />
</body>

</html>